:host {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  
}

:host::ng-deep {
  .mat-mdc-list-item.mdc-list-item:not(.mdc-list-item--disabled) {
    @apply hover:bg-gray-100 dark:hover:bg-gray-100/20;
  }

  .mdc-list-item__primary-text {
    @apply w-full flex items-center h-10;
  }
}